<template>
	<div class="home">
		<div class="m_layout">
         <!-- <loading v-show="loading"></loading> -->
            <!-- 头部区 -->
           <HomeHeaderView></HomeHeaderView>
            <!-- 轮播图-->
            <HomeBannerView></HomeBannerView>
            <!--导航-->
            <HomeNavView></HomeNavView>
            <!--商品区-->
            <HomeMainView></HomeMainView>
        </div>
	</div>
</template>
 <script>
    
    import HomeHeaderView from './HomeHeader.vue';
    import HomeBannerView from './HomeBanner.vue';
    import HomeNavView from './HomeNav.vue';
    import HomeMainView from './HomeMain.vue';
    import {bindEvent,scrollPic} from '../assets/js/index.js'
   import {mapGetters,mapActions} from 'vuex';
    export default {
       components:{
        HomeHeaderView,
        HomeBannerView,
        HomeNavView,
        HomeMainView
       },
		computed:mapGetters(['loading','shownav']),
       mounted(){
      //   bindEvent();
      //   scrollPic();
			console.log('this.loadding', this.loading)
       }
    }
</script>
<style>
@import '../assets/css/index.css';
</style>